<script setup lang="ts">
import { ref } from 'vue'
// import ChildOne from './components/ChildOne.vue'

// const money = ref(100)
// const car = ref('黄包车')
// const house = ref('乡村大别墅')
const genderOptions = [
  {
    label: '男',
    value: 1
  },
  {
    label: '女',
    value: 0
  }
]
const gender = ref(0)
</script>

<template>
  <!-- <div class="article-page">父组件</div> -->
  <!-- 完整写法 -->
  <!-- <ChildOne :model-value="money" @update:model-value="money = $event" /> -->
  <!-- 简化写法 -->
  <!-- <ChildOne v-model="money" :car="car" @update:car="car = $event" /> -->
  <!-- 简化写法 -->
  <!-- <ChildOne v-model="money" v-model:car="car" v-model:house="house" /> -->

  <!-- <CpRadioBtn :option="genderOptions" :model-value="gender" /> -->

  <CpRadioBtn :option="genderOptions" v-model="gender" />
  <div></div>
</template>

<style lang="scss" scoped></style>
